import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string;
} & BasicsProps;

const PushIcon = ({size, fill = '#333333'}: Props) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none">
      <G
        id="&#228;&#184;&#170;&#230;&#128;&#167;&#229;&#140;&#150;&#230;&#142;&#168;&#233;&#128;&#129;"
        clip-path="url(#clip0_36_578)">
        <Path
          id="Vector"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M8.39526 7.02269H19.0917V8.40731H8.39526V7.02269Z"
          fill={fill}
        />
        <Path
          id="Vector_2"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M3.36011 7.65962C3.36011 5.94145 4.81797 4.55679 6.60509 4.55679C8.39222 4.55679 9.85009 5.94145 9.85009 7.65962C9.85009 9.37781 8.39222 10.7624 6.60509 10.7624C4.81797 10.7624 3.36011 9.37781 3.36011 7.65962ZM6.60509 5.9414C5.6035 5.9414 4.80011 6.71549 4.80011 7.65962C4.80011 8.60373 5.6035 9.37781 6.60509 9.37781C7.60668 9.37781 8.41008 8.60373 8.41008 7.65962C8.41008 6.71549 7.60668 5.9414 6.60509 5.9414Z"
          fill={fill}
        />
        <Path
          id="Vector_3"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M15.1246 15.896H4.42822V17.2806H15.1246V15.896Z"
          fill={fill}
        />
        <Path
          id="Vector_4"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M20.1599 16.5325C20.1599 14.8144 18.7021 13.4297 16.9149 13.4297C15.1278 13.4297 13.6699 14.8144 13.6699 16.5325C13.6699 18.2507 15.1278 19.6353 16.9149 19.6353C18.7021 19.6353 20.1599 18.2507 20.1599 16.5325ZM16.9149 14.8143C17.9165 14.8143 18.7199 15.5884 18.7199 16.5325C18.7199 17.4766 17.9165 18.2507 16.9149 18.2507C15.9133 18.2507 15.1099 17.4766 15.1099 16.5325C15.1099 15.5884 15.9133 14.8143 16.9149 14.8143Z"
          fill={fill}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_36_578">
          <Rect width="24" height="24" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};


export default PushIcon;
